<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<title>Untitled Document</title>
</head>

<body>
<div data-role="page" id="pageBegin">
	<div data-role="header" data-position="fixed">
		<h1>Electronic Supermarket</h1>
	</div>
	<div data-role="content">	
		
       <table width="100%" border="0" cellspacing="15">
        	<tr align="center" valign="middle">
            	<td>
                	<h2>Wellcome,guest</h2>
                </td>
            </tr>
            <tr align="center">
            	<td>
                	<a data-role="button" data-theme="b"  href="#dialogSignIn_Customer"
                    	style="height:100%;width:100%;vertical-align:central;">
						<h2>Sign In</h2>
                        <img src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-gray/111-user@2x.png" />
                    </a>
                </td>
            </tr>
			<tr align="center">
            	<td>
               	  <a data-role="button" data-theme="e"  href="#PageSignUp"
                    	style="height:100%;width:100%;vertical-align:central;">
				  <h2>Sign Up</h2>
                      <img src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-gray/10-medical@2x.png" />
                  </a>
                </td>
            </tr>
            <tr align="center">
                <td>
               	  <a data-role="button" data-theme="c"  href="#pageAccNotSignIn"
                    	style="height:100%;width:100%;vertical-align:central;">
				  <h2>Skip</h2>
                      <img src="../../Giao tiếp người máy/Đồ án cuối kì_Quản lí thư viện/10130015_10130077_10130087_Final/images/icons-gray/298-circlex@2x.png" />
                  </a>
                </td>
            </tr>
        </table>
       </div>
</div>
        
	<div data-role="page" id="dialogSignIn_Customer">
	<div data-role="header" data-position="fixed">
		<h1>Sign In</h1>
	</div>
    <div data-role="content" data-theme="b">	
	<form action="" method="post">	
      <div data-role="fieldcontain">
      <label for="pass2">UserName: </label>
          <input type="userName" name="pass2" id="pass2" value="" required/>
      </div>
      <div data-role="fieldcontain">
      </div>
      <fieldset class="ui-grid-a">
				<div class="ui-block-b"><a data-role="button" data-icon="check" data-theme="a" href="Home.html">Sign In</a></div>
				<div class="ui-block-b"><a data-role="button" data-icon="back" data-theme="a" href="#pageAccNotSignIn">Cancel</a></div>
	   </fieldset>
    </form>                 
	</div>
</div>
<!--END:dialogDangNhap_DG-->
<div data-role="page" id="PageSignUp">
	<div data-role="header" data-position="fixed">
		<h1>Sign Up</h1>
       
	</div>
	<div data-role="content">	
		<!--Content-->
        <form action="#pageReview">
        <table width="100%" height="100%" cellspacing="5">
            <tr>
                <td align="center" width="100">
                </td>
            </tr>
            
            <tr>
                <th colspan="2" align="left"><br/>
                Account Information</th>
            </tr>
            <tr>
                <td colspan="2">
               
                    <div class="buble_Thanh">
                    	<div style="margin:15px !important">
                        	<div data-role="fieldcontain">Username
                        	  <input type="text" name="textinput" id="textinput" value="" required />
                            </div>
                            <div data-role="fieldcontain">
                              <label for="textinput">Full name</label>
                              <input type="text" name="textinput" id="textinput" value="" required />
                            </div>
                         
                            
                                  
                              </div>
                             
                              </div> 
                   
                
					<!--END: Thong tin-->
                </td>
            </tr>
            <tr>
                <th colspan="2" align="left"><br/>
                Personal Information</th>
            </tr>
            <tr>
                <td colspan="2">
                	<!--Thong tin -->
                    <div class="buble_Thanh">
                    	<div style="margin:10px 10px !important">
                             <div data-role="fieldcontain">
                                  <fieldset data-role="controlgroup" data-type="horizontal">
                                    <legend>Sex:</legend>
                                    <input type="radio" name="radio1" id="radio1_0" value="" checked/>
                                    <label for="radio1_0">Male</label>
                                    <input type="radio" name="radio1" id="radio1_1" value="" />
                                    <label for="radio1_1">Female</label>
                                  </fieldset>
                              </div>
                              
                              <div data-role="fieldcontain">   
                                  <label for="date">Date of birth:</label>
                                  <input type="date" name="date" id="date" value="" placeholder="dd/mm/yyyy"/>
                              </div>
                              <div data-role="fieldcontain">
                                <label for="textarea">Address:</label>
                                <textarea cols="40" rows="5" name="textarea" id="textarea"></textarea>
                              </div>
                              <div data-role="fieldcontain">
                                <label for="textinput">Phone number:</label>
                                <input type="text" name="textinput" id="textinput" value=""  />
                              </div>
                             
                         
                       </div>
                    </div>
					<!--END: Thong tin tk Dang Ki-->
                </td>
            </tr>
			<tr>
                <th colspan="2" align="left"><br/></th>
            </tr>
            <tr>
            	<td>
                
	               <a href="#SuccessfulRegistration" <button type="submit" data-theme="e" data-icon="check">Confirm</button></a>
                    
                </td>
                <td>
                    <fieldset class="ui-grid-a">
                   
                        <div class="ui-block-b">
                       		<a data-role="button" data-theme="a" data-rel="back" data-icon="delete">Cancel</a>
                        </div>
                	</fieldset>
                </td>
            </tr>
            
        </table>     
        <!--END: Content-->        
        </form>
        
	
		</ul>
		</div>
	</div>
</div>
<!--END: pageDangKi -->
<div data-role="page" id="SuccessfulRegistration">
	<div data-role="header">
		<h1>Successful registration</h1>
	</div>
	<div data-role="content">	
		Your account has been confirmed and can be used right now
	</div>
   
                               <a href="Buy Products.html" id="BuyProducts" data-role="button" data-theme="e">Buy Products</a>
	<div data-role="footer" >
		<h4></h4>
	</div>
</div>
<!-- pageBoQua--> 
<div data-role="page" id="pageAccNotSignIn">
	<div data-role="header" data-position="fixed">
		<h1>Electronic Supermarket</h1>
        
	</div>
	
<div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
		<ul>
        
			<li><a href="Cart.html" id="Cart" data-icon="custom">Cart</a></li>
			<li><a href="Buy Products.html" id="Buy" data-icon="custom">Buy Product</a></li>
            <li><a href="Event.html" id="Event" data-icon="custom">Event</a></li>
			
		</ul>
		</div>
	</div>
</div>
</body>
</html>
